<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>

    <!--引用-->
    <script src="/static/buyer/js/jquery.min.js"></script>
    <script src="/static/buyer/js/bootstrap.js"></script>
    <link rel="stylesheet" href="/static/buyer/css/bootstrap.css">
    <style>

        /*1.搜索部分*/
        .search_bar {
            margin-top: 15px;
            /*margin-right: 1px;*/
        }


        .search span {
            font-size: 18px;
            font-weight: 500;
            font-family: "Microsoft Yahei";
            vertical-align: middle;
        }


        /*3.*/
        .main {
            margin-top: 20px;
        }
    </style>

</head>
<body>
<!--1.导航开始-->
{% include 'buyer/nav.html' %}
<!--导航结束-->
<div class="container">
    <!--2.搜索框开始-->
    <div class="search">
        <div class="row ">
            <div class="col-lg-5">
                <img src="/static/buyer/images/logo.png" alt="..." class="img-rounded">
                <span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;我的订单</span>
            </div>
            <div class="col-lg-6 col-lg-offset-1 search_bar">
                <form action="">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="搜索商品">
                        <span class="input-group-btn">
                    <button class="btn btn-success" style="padding: 6px 50px" type="submit">搜索</button>
                </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--搜索框结束-->
    <!--3.主体-->
    <div class="main">
        <ul class="nav nav-tabs">
            <li role="presentation" class="active"><a href="#">全部订单</a></li>
        </ul>
        <br/>
        <div class="info">
            <!--所有订单-->
            <div id="allorders">
                <div class="panel panel-default col-lg-12">
                    <div class="panel-heading">未支付</div>
                    <div class="panel-body">

                        <table class="table table-bordered table-hover">
                            <tr align="center" valign="middle">
                                <td>序号</td>
                                <td>订单号</td>
                                <td>总价</td>
                                <td>收货地址</td>
                                <td>操作</td>
                            </tr>
                            {% for orders_obj in orders_obj_list %}
                                {% if orders_obj.orderstatus == False %}
                                    <tr align="center" valign="middle">
                                        <td>
                                            {{ forloop.counter }}
                                        </td>
                                        <td>{{ orders_obj.orderno }}</td>
                                        <td>{{ orders_obj.ordertotal }}</td>
                                        <td>{{ orders_obj.orderaddress }}</td>
                                        <td>
                                            <a href="/buyer/zfb/?orderno={{ orders_obj.orderno }}&total={{ orders_obj.ordertotal }}">去付款</a>
                                        </td>
                                    </tr>
                                {% endif %}

                            {% endfor %}
                        </table>

                    </div>
                    <div class="panel-heading">已支付</div>
                    <div class="panel-body">
                        <table class="table table-bordered table-hover">

                            {% for orders_obj in orders_obj_list %}
                                {% if orders_obj.orderstatus == True %}
                                    <tr align="center" valign="middle">
                                        <td>
                                            {{ forloop.counter }}
                                        </td>
                                        <td>{{ orders_obj.orderno }}</td>
                                        <td>{{ orders_obj.ordertotal }}</td>
                                        <td>{{ orders_obj.orderaddress }}</td>
                                        <td><a href="">查看物流</a></td>
                                    </tr>
                                {% endif %}
                            {% endfor %}

                        </table>
                    </div>
                    <div align="center">
                        <nav aria-label="...">
                            <ul class="pagination">
                                <li class="disabled"><a href="#" aria-label="Previous"><span
                                        aria-hidden="true">&laquo;</span></a></li>
                                <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li>
                                    <a href="#" aria-label="Next">
                                        <span aria-hidden="true">&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!--4.footer部分-->
{% include 'buyer/footer.html' %}

</body>
</html>